<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>cf4</title>
		<link rel="icon" href="img/超.ico" type="images/x-ico" />
	</head>
	<style type="text/css">
		header h1 {
  background-color: rgba(0, 0, 0, 0.7);

  color: white;
  padding: 1em 1em;
  font-size: 3em;
}

		*{margin: 0;
		padding: 0;}
		body, html, main {
 /* important */
 height: 100%;
}
 
.cd-fixed-bg {
 min-height:100%;
 background-size: cover;
 background-attachment: fixed;
 background-repeat: no-repeat;
 background-position: center center;
}
 
.cd-fixed-bg.cd-bg-1 {
 background-image: url(img/pexels-matheus-bertelli-573241.jpg);
}
.cd-fixed-bg.cd-bg-2 {
 background-image: url(img/pexels-jo-kassis-5534634.jpg);
}
.cd-fixed-bg.cd-bg-3 {
 background-image: url("https://images.unsplash.com/photo-1440688807730-73e4e2169fb8?dpr=1&auto=format&fit=crop&w=1500&h=1001&q=80&cs=tinysrgb&crop=");
}
.cd-fixed-bg.cd-bg-4 {
 background-image: url("https://images.unsplash.com/photo-1440688807730-73e4e2169fb8?dpr=1&auto=format&fit=crop&w=1500&h=1001&q=80&cs=tinysrgb&crop=");
}
 
.cd-scrolling-bg {
 min-height: 100%;
 background-image: url(img/);
		       background-repeat: no-repeat;
		      background-position: center center
		       background-attachment: fixed;
               background-size: cover;
}
body {text-align: center;}
 table {margin: auto;}
   #grad1 {
    height:1000px;
    background-color:aquamarine ; /* 不支持线性的时候显示 */
    background-image: linear-gradient(to bottom left,aquamarine ,aqua,dodgerblue);
}

	</style>
	<body>
		<main>
 <div class="cd-fixed-bg cd-bg-1">
 <header style="center center">
 	<h1>我就是我!

 不similar烟火>>

 </h1>
 </header>
 </div> 
 	<div id="grad1">
 <div class="cd-scrolling-bg cd-color-1" ;>
 
 <br>
 <br>
 <p>我的名字</p>
 <img src="img/a71ea8d3fd1f4134f47e6123251f95cad1c85e25.jpg" alt="Pulpit rock"  style="width:200px; " class="fakeimg">
 <p style="center">是他吗</p>
 <img src="img/捕11获.PNG" alt="Pulpit rock"  style="width:200px;" class="fakeimg">
 <p style="center">还是他？</p>
 <h1>他们都是与我同名的胡超凡</h1>
     <h1>他们也都是优秀的人物</h1>
     <h1>但我可以活出属于我的人生</h1>
     <h1>活出属于我的精彩!</h1>
 <table border="1 " cellspacing="4" cellpadding="0" width="100%" bgcolor="" bordercolor=""  >
			
			<tr>
				<th height="90px" style="color: white;">性格或许内向，但我愿意突破</th>
				<th height="70px" style="color: white;">头脑即便愚笨，但我可以坚持</th>
				<th height="68px" rowspan="2" style="color: white;" >超凡的名字，被赋予的是殷切的希望</th>
			</tr>
			<tr>
			
				<th style="color: white;">超凡，追求不平凡</th>
				<th style="color: white;">走，向前！</th>
			</tr>
			<!--<tr>
			
				<th style="color: white;">cchhAO</th>
				<th colspan="2" style="color: white;">fan凡</th>
			</tr>
			<tr>
				<th style="color: white;">超凡</th>
				<th style="color: white;">胡</th>
				<th style="color: white;">reliable</th>
			</tr>
			<tr>
				<th colspan="2" style="color: white;">LOVEable</th>
				
				<th style="color: white;">exTRaordinary</th>
			</tr>-->
		</table>
 </div>
 
 <!--<div class="cd-fixed-bg cd-bg-2">
 <h1></h1>
 </div> 
 
 <div class="cd-scrolling-bg cd-color-2">
 <div class="cd-container">
 <p>
 内容...
 </p>
 </div>
 </div>-->
 </div>
<div class="cd-fixed-bg cd-bg-2">
	<br>
 <br>
 <br>
 <br>
 <br>
 <br>
     
    	<h1>向未来，冲！冲！！冲！！！</h1>
 	  </div>
 	  <div class="cd-scrolling-bg cd-color-1" style="min-height:31%;background-image: url(img/nico-mksmc-caH-ZLrisZA-unsplash.jpg);">
 	  <br />
 	  <label>拖动个人标签</label>
			<input type="range" name="2" />开朗
			<input type="range" name="2" />悲伤
			<br />
			<input type="range" name="2" />聪明
			<br />
			<input type="range" name="2" />帅气
			
			<input type="range" name="2" />爱吃
			<br />
			<input type="range" name="2" />爱玩
 	  </div>
</main>
	</body>
</html>
